.tag {
  border: 1px solid #fff;
  @apply font-normal text-24px text-hex-fff h-40px box-border px-8px leading-38px rounded-4px;
  &.active {
    background: #3c88f7;
    border-color: #3c88f7;
  }
}
//艺考专业
.profession-grid {
  --grid-item-content-padding: 0;
  row-gap: 20px;
  @apply grid grid-cols-2 justify-center;
}
// 专题item
.column-item {
  @apply inline-block w-478px h-239px rounded-8px overflow-hidden mr-20px relative;
}
// 顶部tabitme
.toptab-item {
  font-family: "Microsoft YaHei";
  @apply font-normal text-30px text-hex-2c2c35 relative h-46px;
  &::after {
    content: " ";
    background-color: #fff;
    left: 50%;
    margin-left: -14px;
    @apply rounded-4px w-28px h-8px absolute bottom-0;
  }
  &.active {
    &::after {
      font-family: "Microsoft YaHei Bold";
      background-color: #f97527;
      @apply font-bold text-30px text-hex-2c2c35;
    }
  }
}
// 主内容
.main-container {
  border-radius: 32px 32px 0px 0px;
  margin-top: -18px;
  @apply overflow-hidden;
}
.expand-wrap {
  // box-shadow: 0px -80px 150px #fff;
  position: absolute;
  z-index: 10;
  bottom: -40px;
  width: 100%;
  .expand-wrap-mask {
    width: 100%;
    height: 150px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  }
}
// 顶部tabbar阴影
.shadow-bottom {
  box-shadow: 0 4px 20px rgba(196, 197, 200, 0.2);
}
.mask-bg {
  background: rgba(0, 0, 0, 0.6);
  @apply absolute top-0 right-0 left-0 bottom-0;
}
.column-item-mask {
  background: linear-gradient(179.94deg, rgba(255, 255, 255, 0) 0%, #2c2c35 100%);
  @apply absolute left-0 right-0 bottom-0 top-0;
}
